<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" href="../css/slogcommon.css" />
    <link rel="stylesheet" href="../css/slegtrans.css" />
    <style type="text/css">
    	a{
    		color: #000000;
    	}
    	.mui-bar .mui-btn-nav.mui-pull-left{
    		margin-left: 10px;
    	}
    	.mui-bar .mui-btn-link{
    		color: #000000;
    		
    	}
    	.mui-btn-link{
    		color: #000000;
    	}
    </style>
</head>
<body>
    
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <!--这里放置真实显示的DOM内容-->
            
            <div class="slogbtnlist slogwhitebg">
            	<button type="button" class="mui-btn mui-btn-red">全部</button>
            	<button type="button" class="mui-btn mui-btn-grey">好评（110）</button>
            	
            	<button type="button" class="mui-btn mui-btn-grey">中评（40）</button>
            	
            	<button type="button" class="mui-btn mui-btn-grey">差评（2）</button>
            </div>
            
            
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">
                        <!--<img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
                        <div class="mui-media-body">
                            幸福
                            <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                        </div>-->
                        
                        <div class="slogpdevalOneSel"  >
								<div class="slogstarevaldiv slogwhitebg">
								<span class="slogevalusername mui-pull-left">***匿名用户</span>
								<div class="icons mui-inline mui-pull-right" style="margin-right: 6px;">
									<i data-index="1" class="mui-icon mui-icon-star mui-active"></i>
									<i data-index="2" class="mui-icon mui-icon-star"></i>
									<i data-index="3" class="mui-icon mui-icon-star"></i>
									<i data-index="4" class="mui-icon mui-icon-star"></i>
									<i data-index="5" class="mui-icon mui-icon-star"></i>
								</div>
								
								
							</div>
								<span class="white_bg">使用还是很方便</span>
								<div class="slogwhitebg slog">
									<span>2016-5-2</span><span>型号：2升装</span>
								
									
								</div>
							<!--<button type="button" class="mui-btn mui-btn-purple mui-btn-outlined ">查看全部评价</button>-->
							</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">
                        <!--<img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
                        <div class="mui-media-body">
                            木屋
                            <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
                        </div>-->
                        <div class="slogpdevalOneSel"  >
								<div class="slogstarevaldiv slogwhitebg">
								<span class="slogevalusername mui-pull-left">***匿名用户</span>
								<div class="icons mui-inline mui-pull-right" style="margin-right: 6px;">
									<i data-index="1" class="mui-icon mui-icon-star mui-active"></i>
									<i data-index="2" class="mui-icon mui-icon-star"></i>
									<i data-index="3" class="mui-icon mui-icon-star"></i>
									<i data-index="4" class="mui-icon mui-icon-star"></i>
									<i data-index="5" class="mui-icon mui-icon-star"></i>
								</div>
								
								
							</div>
								<span class="white_bg">使用还是很方便</span>
								<div class="slogwhitebg slog">
									<span>2016-5-2</span><span>型号：2升装</span>
								
									
								</div>
							<!--<button type="button" class="mui-btn mui-btn-purple mui-btn-outlined ">查看全部评价</button>-->
							</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">
                        <!--<img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
                        <div class="mui-media-body">
                            CBD
                            <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
                        </div>-->
                        <div class="slogpdevalOneSel"  >
								<div class="slogstarevaldiv slogwhitebg">
								<span class="slogevalusername mui-pull-left">***匿名用户</span>
								<div class="icons mui-inline mui-pull-right" style="margin-right: 6px;">
									<i data-index="1" class="mui-icon mui-icon-star mui-active"></i>
									<i data-index="2" class="mui-icon mui-icon-star"></i>
									<i data-index="3" class="mui-icon mui-icon-star"></i>
									<i data-index="4" class="mui-icon mui-icon-star"></i>
									<i data-index="5" class="mui-icon mui-icon-star"></i>
								</div>
								
								
							</div>
								<span class="white_bg">使用还是很方便</span>
								<div class="slogwhitebg slog">
									<span>2016-5-2</span><span>型号：2升装</span>
								
									
								</div>
							<!--<button type="button" class="mui-btn mui-btn-purple mui-btn-outlined ">查看全部评价</button>-->
							</div>
                    </a>
                </li>
                
                
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">
                        <!--<img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
                        <div class="mui-media-body">
                            CBD
                            <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
                        </div>-->
                        <div class="slogpdevalOneSel"  >
								<div class="slogstarevaldiv slogwhitebg">
								<span class="slogevalusername mui-pull-left">***匿名用户</span>
								<div class="icons mui-inline mui-pull-right" style="margin-right: 6px;">
									<i data-index="1" class="mui-icon mui-icon-star mui-active"></i>
									<i data-index="2" class="mui-icon mui-icon-star"></i>
									<i data-index="3" class="mui-icon mui-icon-star"></i>
									<i data-index="4" class="mui-icon mui-icon-star"></i>
									<i data-index="5" class="mui-icon mui-icon-star"></i>
								</div>
								
								
							</div>
								<span class="white_bg">使用还是很方便</span>
								<div class="slogwhitebg slog">
									<span>2016-5-2</span><span>型号：2升装</span>
								
									
								</div>
							<!--<button type="button" class="mui-btn mui-btn-purple mui-btn-outlined ">查看全部评价</button>-->
							</div>
                    </a>
                </li>
                
                
                <li class="mui-table-view-cell mui-media">
                    <a href="javascript:;">
                        <!--<img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
                        <div class="mui-media-body">
                            CBD
                            <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
                        </div>-->
                        <div class="slogpdevalOneSel"  >
								<div class="slogstarevaldiv slogwhitebg">
								<span class="slogevalusername mui-pull-left">***匿名用户</span>
								<div class="icons mui-inline mui-pull-right" style="margin-right: 6px;">
									<i data-index="1" class="mui-icon mui-icon-star mui-active"></i>
									<i data-index="2" class="mui-icon mui-icon-star"></i>
									<i data-index="3" class="mui-icon mui-icon-star"></i>
									<i data-index="4" class="mui-icon mui-icon-star"></i>
									<i data-index="5" class="mui-icon mui-icon-star"></i>
								</div>
								
								
							</div>
								<span class="white_bg">使用还是很方便</span>
								<div class="slogwhitebg slog">
									<span>2016-5-2</span><span>型号：2升装</span>
								
									
								</div>
							<!--<button type="button" class="mui-btn mui-btn-purple mui-btn-outlined ">查看全部评价</button>-->
							</div>
                    </a>
                </li>
            </ul>
            
            
           
			
			
        </div>
    </div>
    
    
    
    <script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    mui.init()
    mui('.mui-scroll-wrapper').scroll({
			 scrollY: true,
			  scrollX: false,
			   startX: 0,
			    startY: 0, 
			     indicators: true,
			     deceleration:0.0006,
			      bounce: true
		});
    </script>
</body>
</html>
